<template>
    <div id="app">
      <div class="index" v-if="this.$route.path!='/login'">
        <div class="top">
        </div>
        <div class="bottom">
            <div class="left">
                <div class="nav">
                    <LeftNav></LeftNav>
                </div>
            </div>
            <div class="right">
                  <router-view></router-view>
            </div>
        </div>
      </div>
      <div v-else>
        <router-view></router-view>
      </div>
    </div>
</template>

<script>
  import LeftNav from "./components/LeftNav";

  export default {
    components:{
      LeftNav
    }
  }
</script>

<style scoped lang="less">
.index{
    height:100%;
    .top{
      width:100%;
      height:5em;
      background:#001529;
    }
    .bottom{
      display:flex;

      .left{
        width:15%;
        min-height:900px;
        background:#001529;
      
      }
      .right{
        width:100%;
        background:#e0e0e0;
      }
    }
}
</style>
